<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8" />

  <!-- Set the viewport width to device width for mobile -->
  <meta name="viewport" id="view" content="width=device-width minimum-scale=1, maximum-scale=1" />

  <title>TouchM :: Premium Multipurpose Responsive Theme</title>
  
  <!-- Included CSS Files (Compressed) -->
  <link rel="stylesheet" href="stylesheets/foundation.min.css">
  <link rel="stylesheet" href="stylesheets/app.css">
  <link rel="stylesheet" href="stylesheets/style1.css">
  <link rel="stylesheet" href="stylesheets/color1.css">
  
  <!-- Google Fonts --> 
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'> 
 
  <!-- Included JS Files (Compressed) -->
  <script src="javascripts/jquery.js"></script>
  <script src="javascripts/foundation.min.js"></script>
  <script src="javascripts/modernizr.foundation.js"></script>  
    
  <!-- Slider Revolution JS FILES  -->
  <script type="text/javascript" src="plugins/slider-revolution/jquery.themepunch.plugins.min.js"></script>
  <script type="text/javascript" src="plugins/slider-revolution/jquery.themepunch.revolution.min.js"></script>
  
  <!-- Tooltips -->
  <script type="text/javascript" src="javascripts/jquery.tipsy.js"></script>
  
  <!-- CarouFredSel plugin -->
  <script type="text/javascript"  src="javascripts/jquery.carouFredSel-6.0.3-packed.js"></script>
  <!-- optionally include helper plugins -->
  <script type="text/javascript"  src="javascripts/jquery.touchSwipe.min.js"></script>
    
  <!-- Scripts Initialize -->
  <script src="javascripts/app-head.js"></script> 
  

  <!-- IE Fix for HTML5 Tags -->
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  



</head>
<body onload="initialize()">
<!-- Region 1 Wrap -->

  <div class="container region1wrap">  
         
    <!-- Top Header -->
  	<div class="row top_header">
    
        <div class="six columns">
        
    				<ul class="link-list">
  						<li><a href="#">Order Now</a></li>
  						<li><a href="#">Pricing</a></li>
  						<li><a href="#">Site Map</a></li>
					</ul> 
  			
  				
    				<div class="login user-control">
            			Hello, <a href="#"> John Smith<span class="notification">4</span></a>
            		</div>

   	    </div>
        
        <div class="six columns">
        
        	<ul class="top_social">
  				<li><a class="has-tipsy" href="http://twitter.com/" title="Twitter"><img src="images/social/Twitter.png" alt="Twitter"></a></li>
  				<li><a class="has-tipsy" href="http://www.facebook.com/" title="Facebook"><img src="images/social/Facebook.png" alt="Facebook"></a>
  				<li><a class="has-tipsy" href="http://google.com/" title="Google"><img src="images/social/Google.png" alt="Google+"></a></li>
                <li><a class="has-tipsy" href="http://www.LinkedIn.com/" title="LinkedIn"><img src="images/social/LinkedIn.png" alt="LinkedIn"></a></li>
                <li><a class="has-tipsy" href="http://www.Flickr.com/" title="Flickr"><img src="images/social/Flickr.png" alt="Flickr"></a></li>
                <li><a class="has-tipsy" href="http://vimeo.com/" title="Vimeo"><img src="images/social/Vimeo.png" alt="Vimeo"></a></li>
  				<li><a class="has-tipsy" href="http://www.rss.com/" title="RSS"><img src="images/social/RSS.png" alt="RSS"></a></li>
			</ul>

		</div>
    
  	</div>
    <!-- End Top Header -->
    
  </div>
  
<!-- End Region 1 Wrap -->

<!-- Region 2 Wrap -->

<div class="container region2wrap">
  
	<div class="row">
    
    	<!-- Logo -->
            
    	<div class="three columns">

        	<a href="index.html" id="logo"><h1>Touch<span>M</span></h1></a>
        
  		</div>
        
        <!-- End Logo -->
        
        <!-- Main Navigation -->
        
        <div class="nine columns">

			<nav class="top-bar">
        
    			<ul>
      				<!-- Toggle Button Mobile -->
      				<li class="name">
        			<h1><a href="#"> Please select your page</a></h1>
      				</li>
      				<li class="toggle-topbar"><a href="#"></a></li>
                    <!-- End Toggle Button Mobile -->
    			</ul>



      			<section><!-- Nav Section -->
      			<ul class="right">
        
        			<li class="has-dropdown">
          				<a href="index.html">Home</a>
          				<ul class="dropdown">
            				<li><a href="index.html">Home Page - Default</a></li>
            				<li><a href="index-type1.html">Home Page Type 1</a></li>
                            <li><a href="index-type2.html">Home Page Type 2</a></li>
                            <li class="has-dropdown"><a href="#">TouchM Sliders</a>
                            	<ul class="dropdown">
            						<li><a href="index.html">Slider Revolution</a></li>
            						<li><a href="index-flexi.html">Flexislider</a></li>
                                    <li><a href="index-camera.html">Camera Slider</a></li>
                                </ul>
                            </li>
          				</ul>
        			</li>
        
        			<li class="has-dropdown">
        				<a  class="active" href="#">Features</a>
            			<ul class="dropdown">
            				<li><a href="about.html">About Us</a></li>
            				<li><a href="services.html">Services</a></li>
            				<li><a href="pricing.html">Pricing Tables</a></li>
            				<li><a href="shortcodes.html">Shortcodes</a></li>
            				<li><a href="notfound.html">404 Not Found</a></li>
            				<li><a href="under-construction.html">Under Construction</a></li>
            				<li class="has-dropdown"><a href="#">Third Navigation Level</a>
            					<ul class="dropdown">
            						<li><a href="#">This is a simple example</a></li>
            						<li><a href="#">Of the Third Level</a></li>
               					</ul>
            				</li>
            			</ul>        
        			</li>
        
        			<li class="has-dropdown">
          				<a href="#">Blog</a>
          					<ul class="dropdown">
                            	<li><a href="blog_sidebar_right.html">Blog Default</a></li>
                            	<li><a href="blog_type1.html">Blog Type 1</a></li>
                                <li><a href="blog_type2.html">Blog Type 2</a></li>         
            					<li><a href="blog_sidebar_right.html">Sidebar Right</a></li>
            					<li><a href="blog_sidebar_left.html">Sidebar Left</a></li>
            					<li><a href="blog_inner.html">Single Post</a></li>
          					</ul>
        			</li>
        
        			<li class="has-dropdown">
          				<a href="#">Portfolio</a>
          					<ul class="dropdown">             
            					<li><a href="portfolio_default.html">Portfolio Default (4 Columns)</a></li>         
            					<li><a href="portfolio_type1.html" class="">Portfolio 2 Columns</a></li>
            					<li><a href="portfolio_type2.html">Portfolio 3 Columns</a></li> 
                                <li><a href="portfolio_default.html">Portfolio 4 Columns</a></li>            
            					<li><a href="single-project.html">Single Project</a></li>
          					</ul>
        			</li>
        
        			<li><a href="contact.html">Contact</a></li>
        
      			</ul>
                </section><!-- End Nav Section -->

  			</nav>            
        
    	</div>
        
        <!-- End Main Navigation -->         
        
	</div>
    
</div>
  
<!-- End Region 2 Wrap -->

<!-- Region 3 Wrap -->

  <div class="container region3wrap">  
  
    
    <!-- Content Top -->  
  	<div class="row content_top">
        
    	<div class="nine columns">
       
			<ul class="breadcrumbs">
 				<li><a href="index.html">Home</a></li>
  				<li><a href="#">Pages</a></li>
  				<li class="current"><a href="#">About Us</a></li>
			</ul>

		</div>
        
        <div class="three columns">

			<div class="row">
 				<div class="twelve columns">
    				<div class="row collapse top_search">
      					<div class="ten mobile-three columns">
        					<input type="text" placeholder="Enter search terms" />
      					</div>
      					<div class="two mobile-one columns">
        					<a href="#" class="button icon-search"></a>
      					</div>
    				</div>
  				</div>
			</div>

		</div>
        
  	</div>
    <!-- End Content Top -->
    
  </div>
  
<!-- End Region 3 Wrap -->

<!-- Region 4 Wrap -->

  <div class="container region4wrap">
  
  	<div class="row maincontent">    
      
		<div class="twelve columns">
        	
        	<div class="page_title">
        
        		<div class="row">
            	
            		<div class="twelve columns">
        				<h1>Who we are <small>- take a look</small></h1>
            		</div>
            
            	</div>
                
        	</div>
        
        </div>
        
        <div class="twelve columns">
        
            <div class="row services">
       
       			<div class="eight columns">
                
                		<h3>Meet the team</h3>                        
                        
                        <div class="row team">
                        
                        	<div class="four columns">
                             
                            	<div class="member-info">                         
                            
                            		<div class="img_default"><img src="images/team/1.jpg" alt="Lance Dorgan"></div>
                            		<h2 class="member-name">Lance Dorgan</h2>
                            		<p class="member-possition">Founder / Partner</p>
                            		<p class="member-description">Nunc laoreet adipiscing leo, eu scelerisque ipsum suscipit a. In vehicula urna vitae orci rutrum non tincidunt urna ultricies. Donec cursus tristique urna, et nisi consectetur. </p>
                                    <ul class="member-social">
  										        	
  										<li><a href="https://twitter.com/"><i class="icon-twitter icon20"></i></a></li>
  										<li><a href="http://www.facebook.com/"><i class="icon-facebook icon20"></i></a>
                						<li><a href="http://www.linkedin.com/"><i class="icon-linkedin icon20"></i></a></li>
			
									</ul>
                                    
                                </div>
                            
                            </div>
                            
                            <div class="four columns">
                             
                            	<div class="member-info">                         
                            
                            		<div class="img_default"><img src="images/team/2.jpg" alt="Jane Doe"></div>
                            		<h2 class="member-name">Jane Doe</h2>
                            		<p class="member-possition">Creative Director</p>
                            		<p class="member-description">Donec cursus tristique urna, et molestie nisi consectetur quis. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam. </p>
                                    <ul class="member-social">
  										        	
  										<li><a href="https://twitter.com/"><i class="icon-twitter icon20"></i></a></li>
  										<li><a href="http://www.facebook.com/"><i class="icon-facebook icon20"></i></a>
                						<li><a href="http://www.linkedin.com/"><i class="icon-linkedin icon20"></i></a></li>
			
									</ul>
                                    
                                </div>
                            
                            </div> 
                            
                            <div class="four columns">
                             
                            	<div class="member-info">                         
                            
                            		<div class="img_default"><img src="images/team/3.jpg" alt="Pamela"></div>
                            		<h2 class="member-name">Pamela Wehinger</h2>
                            		<p class="member-possition">Project Manager</p>
                            		<p class="member-description">Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. </p>
                                    <ul class="member-social">
  										        	
  										<li><a href="https://twitter.com/"><i class="icon-twitter icon20"></i></a></li>
  										<li><a href="http://www.facebook.com/"><i class="icon-facebook icon20"></i></a>
                						<li><a href="http://www.linkedin.com/"><i class="icon-linkedin icon20"></i></a></li>
			
									</ul>
                                    
                                </div>
                            
                            </div>                            
                            
                            
                            
                            
                        
                        </div>
                
                </div>
                
                <div class="four columns progress-bar">               
                		
						<h3>Providing skills</h3>
                        <p>We provide skills in differite fields. Amet ornare eu, feugiat et erat. Nunc laoreet adipiscing leo, eu scelerisque ipsum suscipit.</p>
                        
                        <p class="bottom0">Web design <span>80%</span></p>
                        <div class="nice primary progress"><span class="meter progress80"></span></div>
                        <p class="bottom0">Jquery <span>90%</span></p>
                        <div class="nice primary progress"><span class="meter progress90"></span></div>
                        <p class="bottom0">Wordpress <span>100%</span></p>
                        <div class="nice primary progress"><span class="meter progress100"></span></div>
                        <p class="bottom0">PHP <span>70%</span></p>
                        <div class="nice primary progress"><span class="meter progress70"></span></div>
                        <p class="bottom0">Photoshop <span>90%</span></p>
                        <div class="nice primary progress"><span class="meter progress90"></span></div>
                        <p class="bottom0">Print <span>40%</span></p>
                        <div class="nice primary progress"><span class="meter progress40"></span></div>
                
                </div>
                
            </div>             
                 
		</div>    
    	
        <div class="twelve columns">
        	<hr/> 
        </div>
    	
		<div class="twelve columns text-center">       
			      
			<h2>We deliver precise strategic thinking and <a href="#">marketing direction</a> that can turn your concept from vision to reality. The main core of our strategy is achieving targeted and measurable results.<a href="#"> We can help you</a> plan all your marketing efforts!</h2>
       
		</div>
        
        <div class="twelve columns">
        	<hr/> 
        </div>
       
		<div class="twelve columns">
       		
            <div class="row">
       
       			<div class="four columns bottom20">
                
                <h4><i class="icon-heart icon20"></i>Our Challenge</h4>

				<p>Etiam neque turpis, scelerisque sit amet ornare eu, feugiat et erat. Nunc laoreet adipiscing leo, eu scelerisque ipsum suscipit a. In vehicula urna vitae orci rutrum non tincidunt urna ultricies. Donec cursus tristique urna, et molestie nisi consectetur quis. Maecenas sed justo varius velit imperdiet bibendum.</p>
                <p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>       
                  
       			</div>
       
       			<div class="four columns bottom20">
                
                	<h4><i class="icon-dashboard icon20"></i>We are driven</h4>

					<p>In vehicula urna vitae orci rutrum non ornare eu, feugiat et erat. Nunc laoreet adipiscing leo, eu scelerisque ipsum suscipit a. In vehicula urna vitae orci rutrum non tincidunt urna ultricies.</p> 
					<blockquote>Donec cursus tristique urna, et molestie nisi consectetur quis. Maecenas sed justo varius velit imperdiet bibendum. 
 						<cite>Isaac Asimov</cite>
					</blockquote>		           
       
      			</div>
                
                <div class="four columns bottom20">
                
                <h4><i class="icon-gift icon20"></i>How we deliver</h4>

				<p>Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                	<ul class="circle">
                		<li>In vehicula urna vitae orci</li>
                        <li>Aliquam erat volutpat</li>
                        <li>Donec cursus tristique</li>
                        <li>Aliquam erat volutpat</li>
                        <li>Donec cursus tristique</li>               
                	</ul>            
       
      			</div>
            
            </div>
       
		</div>
        
  	</div>
    
  </div>
  
<!-- End Region 4 Wrap -->

<!-- Region 9 Wrap -->

  <div class="container region9wrap">
  
  	 <!-- Bottom Content -->
    <div class="row content_bottom">
    
    	<!-- // // // // // // // // // // -->
        
    	<div class="eight columns">
       
			<h2>Sign up for our newsletter</h2>
            <p>Keep up-to-date with the latest news and updates by subscribing to our newsletter.</p>
            
		</div>
        
        <!-- // // // // // // // // // // -->
        
        <div class="four columns">
			<div class="row collapse newsletter-input">
				<div class="eight mobile-three columns">
					<input type="text" placeholder="Enter your email address" />
				</div>
				<div class="four mobile-one columns">
					<a href="#" class="button expand">Subscribe</a>
				</div>
			</div>
		</div>
        
        <!-- // // // // // // // // // // -->        
        
  	</div>
    <!-- End Bottom Content -->
    
    <!-- Footer -->  
  	<div class="row footer">
        
        <!-- // // // // // // // // // // -->
        
        <div class="four columns">
        
        	<h4>About Us</h4>
        	<p>We say what we do, we do what we say, and we're looking forward to prove it to you.</p>
      		<ul class="vcard">
                <li class="address">001 Some Street. Los Angeles, CA, 12345. USA</li>
				<li class="tel"><a href="1234567890">(123) 456-7890</a></li>
                <li class="email"><a href="office@TouchM.com">office@TouchM.com</a></li>
			</ul>

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
        <div class="four columns">
        
        	<h4>Latest Posts</h4>
			
            <ul class="footer-list">
            	<li><a href="#">Mauris pellentesque laoreet lacus non condimentum.</a></li>
  				<li><a href="#">Vestibulum vel diam orci vitae.</a></li>
                <li><a href="#">Suspendisse elementum magna sed lorem faucibus eleifend.</a></li>
  				<li><a href="#">Phasellus placerat convallis congue.</a></li>
  				<li><a href="#">Etiam vehicula lacus fringilla lacus tristique pretium.</a></li>
			</ul>  

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
        <div class="four columns">
        
            <h4>Latest Tweets</h4>
            
			<ul class="footer-list twitter">
  				<li>@4grafx  Go Mobile - 'Quickr – WordPress Responsive HTML 5 Premium Template'<a href="#">goo.gl/1HQER</a><a class="twit-date">28 minutes ago</a></li>
            	<li>@4grafx  20+ Enhancing CSS3 tools and generators <a href="#">goo.gl/1HQER</a><a class="twit-date">2 days ago</a></li>   
			</ul> 

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
  	</div>
    <!-- End Footer -->
    
  </div>
  
<!-- End Region 9 Wrap -->

<!-- Region 10 Wrap -->

  <div class="container region10wrap">
  
  	<div class="row footer_bottom">
       
        <!-- Bottom -->
        
        <!-- // // // // // // // // // // -->
        
        <div class="six columns">
        
        	<p class="copyright">© 2012 TouchM by 4GraFx. All rights reserved</p>

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
        <div class="six columns">
        
			<ul class="link-list">
  				<li><a href="#">Home</a></li>
  				<li><a href="#">Pages</a></li>
  				<li><a href="#">Blog</a></li>
  				<li><a href="#">Porfolio</a></li>
  				<li><a href="#">Contact</a></li>
			</ul>

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
        <!-- Bottom -->
        
  	</div>
  </div>
  
<!-- End Region 10 Wrap -->

  
  
  <!-- Included JS Files (Uncompressed) -->
  <!--
  
  <script src="javascripts/jquery.js"></script>
  
  <script src="javascripts/jquery.foundation.mediaQueryToggle.js"></script>
  
  <script src="javascripts/jquery.foundation.forms.js"></script>
  
  <script src="javascripts/jquery.foundation.reveal.js"></script>
  
  <script src="javascripts/jquery.foundation.navigation.js"></script>
  
  <script src="javascripts/jquery.foundation.buttons.js"></script>
  
  <script src="javascripts/jquery.foundation.tabs.js"></script>
  
  <script src="javascripts/jquery.foundation.tooltips.js"></script>
  
  <script src="javascripts/jquery.foundation.accordion.js"></script>
  
  <script src="javascripts/jquery.placeholder.js"></script>
  
  <script src="javascripts/jquery.foundation.alerts.js"></script>
  
  <script src="javascripts/jquery.foundation.topbar.js"></script>
  
  -->
  
<!-- Back To Top -->
  <a href="#" class="scrollup">Scroll</a>
<!-- End Back To Top -->
  
<!-- Initialize JS Plugins -->
  <script src="javascripts/app.js"></script>
  
</body>
</html>
